<template>
  <div id="like">
    <div class="title-wrap">
      <div class="tit-icon"><img src="https://imgs.qunarzz.com/piao/fusion/1711/89/ebc329f16c55bb02.png" alt=""></div>
      <div class="title">猜你喜欢</div>
    </div>
    <router-link tag="div" :to="'detail/'+item.id" class="like" v-for="item of likeUrl" :key="item.id">
      <div class="left">
        <div class="tip">
          {{item.tip}}
        </div>
        <img class="l-img" :src="item.imgUrl" alt="">
      </div>
      <div class="right">
          <div class="tit">{{item.title}}</div>
          <div class="comment">
            <div class="star">
              <span class="iconfont top" :style="{width:item.strat}">&#xe609;&#xe609;&#xe609;&#xe609;&#xe609;</span>
              <span class="iconfont down">&#xe609;&#xe609;&#xe609;&#xe609;&#xe609;</span>
            </div>
            <div class="pingjia">
              {{item.comment}}条评价
            </div>
          </div>
          <div class="price">
            <span class="fuhao">¥</span><span class="m">{{item.price}}</span> <span class="qi"> 起 </span>
          </div>
          <div class="area">
            {{item.area}}
          </div>
      </div>
    </router-link>
    <div class="more">
      查看所有产品
    </div>
  </div>
</template>

<script>
export default{
  name: 'like',
  props: {
    likeUrl: Array
  },
  data () {
    return {}
  },
  mounted () {
  }
}
</script>

<style lang="stylus" scoped>
  @import '../../../assets/style/stylus'
  @import '../../../assets/style/like'
</style>
